<!--
 * @Author: your name
 * @Date: 2020-12-25 17:32:24
 * @LastEditTime: 2020-12-25 18:49:00
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \basiccss\textcontrol\duanluo.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>段落控制</title>
    <style>
        /*
            文本缩进
            控制元素部的为毛那么，图片进行缩进的操作
        */
        /* p{
            text-indent: 2em;
        } */

        h2{
            /* width: 500px; */
            /* border: 1px solid #cccccc; */
            /* text-align: center; */
            /* text-align: left; */
            /* text-align: right; */
            /* text-indent: 2em; */
        }
        /*为了给让段落的内容看起来更加的舒服，需要设置合适的行高*/
        /* p{
            text-indent: 2em;
            line-height: 2em;
        } */
        img{
            width: 50px;
            height: 50px;
            vertical-align: middle;/*图像在文本中居中对齐*/
            /* vertical-align: baseline; */
            vertical-align: middle;
        }

        /* h2>span{
            vertical-align: top;
            font-size: 12px;
        }
        h2>a{
            text-decoration: none;
            vertical-align: bottom;
            font-size: 12px;
        } */

        /*使用单位对齐*/
        /*可以使用具体数值设置对齐的位置*/
        /* h2>span{
            vertical-align: -10px;
            font-size: 12px;
        } */
        

        
        /*
        字符间隔
        单词与字符间距
        */
        /*使用word-spacing 与letter-spacing 控制单词与字符之间的间距*/
        h2{
            word-spacing: 2em;
            /* letter-spacing: 1em; */
        }

        /*排版模式*/
        p{
            letter-spacing: 0.5em;
            height: 200px;
            border: 1px solid #dddddd;
            writing-mode: horizontal-tb;
        }
    </style>
</head>
<body>
    <!-- <p>
        <img src="load.jpg">
    后盾人自2010年创立至今，免费发布了大量高质量视频教程，视频在优酷、土豆、酷六等视频网站均有收录，很多技术爱好者受益其中。除了免费视频外，后盾人还为大家提供了面授班、远程班、公益公开课、VIP系列课程等众多形式的学习途径。后盾人有一群认真执着的老师，他们一心为同学着想，将真正的知识传授给大家是后盾人永远不变的追求。
    </p> -->

    <!-- <h2>houdunren.com</h2> -->

    <!-- <h2>houdunren.com houdunren.com<span>com</span><a href="#"></a></h2> -->
    <p>
    后盾人自2010年创立至今，免费发布了大量高质量视频教程，视频在优酷、土豆、酷六等视频网站均有收录，很多技术爱好者受益其中。除了免费视频外，后盾人还为大家提供了面授班、远程班、公益公开课、VIP系列课程等众多形式的学习途径。后盾人有一群认真执着的老师，他们一心为同学着想，将真正的知识传授给大家是后盾人永远不变的追求。
    </p>
</body>
</html>
